// 性别
var oCenterChoosePa = document.querySelector(".center-choosePa");
var oCenterChooseSp1 = document.querySelector(".center-chooseSp1");
var oCenterChooseBox1a = document.querySelector(".center-chooseBox1a");

oCenterChoosePa.onclick = function(){
	oCenterChooseBox1a.style.display = "block";
}
oCenterChooseBox1a.onmouseover = function(){
	oCenterChooseBox1a.style.display = "block";
}
oCenterChooseBox1a.onmouseout = function(){
	oCenterChooseBox1a.style.display = "none";
}

// 尺码
var oCenterChoosePb = document.querySelector(".center-choosePb");
var oCenterChooseSp2 = document.querySelector(".center-chooseSp2");
var oCenterBoxb = document.querySelector(".centerBoxb");

oCenterChoosePb.onclick = function() {
	oCenterBoxb.style.display = "block";
}
oCenterBoxb.onmouseover = function(){
	oCenterBoxb.style.display = "block";
}
oCenterBoxb.onmouseout = function(){
	oCenterBoxb.style.display = "none";
}

// 颜色
var oCenterChoosePc = document.querySelector(".center-choosePc");
var oCenterChooseSp3 = document.querySelector(".center-chooseSp3");
var oCenterBoxc = document.querySelector(".centerBoxc");

oCenterChoosePc.onclick = function() {
	oCenterBoxc.style.display = "block";
}
oCenterBoxc.onmouseover = function(){
	oCenterBoxc.style.display = "block";
}
oCenterBoxc.onmouseout = function(){
	oCenterBoxc.style.display = "none";
}

// 价格
var oCenterChoosePd = document.querySelector(".center-choosePd");
var oCenterChooseSp4 = document.querySelector(".center-chooseSp4");
var oCenterBoxd = document.querySelector(".centerBoxd");

oCenterChoosePd.onclick = function() {
	oCenterBoxd.style.display = "block";
}
oCenterBoxd.onmouseover = function(){
	oCenterBoxd.style.display = "block";
}
oCenterBoxd.onmouseout = function(){
	oCenterBoxd.style.display = "none";
}

// 商品列表的动态
// 获取小盒子的id
var oCenterClothesSmall1 = document.querySelector("#centerClothesSmall1");
var oCenterClothesSmall2 = document.querySelector("#centerClothesSmall2");
var oCenterClothesSmall3 = document.querySelector("#centerClothesSmall3");
var oCenterClothesSmall4 = document.querySelector("#centerClothesSmall4");
var oCenterClothesSmall5 = document.querySelector("#centerClothesSmall5");
var oCenterClothesSmall6 = document.querySelector("#centerClothesSmall6");
var oCenterClothesSmall7 = document.querySelector("#centerClothesSmall7");
var oCenterClothesSmall8 = document.querySelector("#centerClothesSmall8");
var oCenterClothesSmall9 = document.querySelector("#centerClothesSmall9");

// 获取大盒子的id
var oCenterClothesBig1 = document.querySelector("#centerClothesBig1");
var oCenterClothesBig2 = document.querySelector("#centerClothesBig2");
var oCenterClothesBig3 = document.querySelector("#centerClothesBig3");
var oCenterClothesBig4 = document.querySelector("#centerClothesBig4");
var oCenterClothesBig5 = document.querySelector("#centerClothesBig5");
var oCenterClothesBig6 = document.querySelector("#centerClothesBig6");
var oCenterClothesBig7 = document.querySelector("#centerClothesBig7");
var oCenterClothesBig8 = document.querySelector("#centerClothesBig8");
var oCenterClothesBig9 = document.querySelector("#centerClothesBig9");

oCenterClothesSmall1.onmouseover = function(){
	oCenterClothesSmall1.style.display = "none";
	oCenterClothesBig1.style.display = "block";
}
oCenterClothesBig1.onmouseout = function(){
	oCenterClothesSmall1.style.display = "block";
	oCenterClothesBig1.style.display = "none";
}

oCenterClothesSmall2.onmouseover = function(){
	oCenterClothesSmall2.style.display = "none";
	oCenterClothesBig2.style.display = "block";
}
oCenterClothesBig2.onmouseout = function(){
	oCenterClothesSmall2.style.display = "block";
	oCenterClothesBig2.style.display = "none";
}

oCenterClothesSmall3.onmouseover = function(){
	oCenterClothesSmall3.style.display = "none";
	oCenterClothesBig3.style.display = "block";
}
oCenterClothesBig3.onmouseout = function(){
	oCenterClothesSmall3.style.display = "block";
	oCenterClothesBig3.style.display = "none";
}

oCenterClothesSmall4.onmouseover = function(){
	oCenterClothesSmall4.style.display = "none";
	oCenterClothesBig4.style.display = "block";
}
oCenterClothesBig4.onmouseout = function(){
	oCenterClothesSmall4.style.display = "block";
	oCenterClothesBig4.style.display = "none";
}

oCenterClothesSmall5.onmouseover = function(){
	oCenterClothesSmall5.style.display = "none";
	oCenterClothesBig5.style.display = "block";
}
oCenterClothesBig5.onmouseout = function(){
	oCenterClothesSmall5.style.display = "block";
	oCenterClothesBig5.style.display = "none";
}

oCenterClothesSmall6.onmouseover = function(){
	oCenterClothesSmall6.style.display = "none";
	oCenterClothesBig6.style.display = "block";
}
oCenterClothesBig6.onmouseout = function(){
	oCenterClothesSmall6.style.display = "block";
	oCenterClothesBig6.style.display = "none";
}

oCenterClothesSmall7.onmouseover = function(){
	oCenterClothesSmall7.style.display = "none";
	oCenterClothesBig7.style.display = "block";
}
oCenterClothesBig7.onmouseout = function(){
	oCenterClothesSmall7.style.display = "block";
	oCenterClothesBig7.style.display = "none";
}

oCenterClothesSmall8.onmouseover = function(){
	oCenterClothesSmall8.style.display = "none";
	oCenterClothesBig8.style.display = "block";
}
oCenterClothesBig8.onmouseout = function(){
	oCenterClothesSmall8.style.display = "block";
	oCenterClothesBig8.style.display = "none";
}

oCenterClothesSmall9.onmouseover = function(){
	oCenterClothesSmall9.style.display = "none";
	oCenterClothesBig9.style.display = "block";
}
oCenterClothesBig9.onmouseout = function(){
	oCenterClothesSmall9.style.display = "block";
	oCenterClothesBig9.style.display = "none";
}

// 获取大盒子大图片的id
var oCenterClothesBigBox1Img1 = document.querySelector("#centerClothesBigBox1Img1");
var oCenterClothesBigBox1Img2 = document.querySelector("#centerClothesBigBox1Img2");
var oCenterClothesBigBox1Img3 = document.querySelector("#centerClothesBigBox1Img3");
var oCenterClothesBigBox1Img4 = document.querySelector("#centerClothesBigBox1Img4");
var oCenterClothesBigBox1Img5 = document.querySelector("#centerClothesBigBox1Img5");
var oCenterClothesBigBox1Img6 = document.querySelector("#centerClothesBigBox1Img6");
var oCenterClothesBigBox1Img7 = document.querySelector("#centerClothesBigBox1Img7");
var oCenterClothesBigBox1Img8 = document.querySelector("#centerClothesBigBox1Img8");
var oCenterClothesBigBox1Img9 = document.querySelector("#centerClothesBigBox1Img9");
var oCenterClothesBigBox1Img10 = document.querySelector("#centerClothesBigBox1Img10");
var oCenterClothesBigBox1Img11 = document.querySelector("#centerClothesBigBox1Img11");
var oCenterClothesBigBox1Img12 = document.querySelector("#centerClothesBigBox1Img12");
var oCenterClothesBigBox1Img13 = document.querySelector("#centerClothesBigBox1Img13");
var oCenterClothesBigBox1Img14 = document.querySelector("#centerClothesBigBox1Img14");
var oCenterClothesBigBox1Img15 = document.querySelector("#centerClothesBigBox1Img15");
var oCenterClothesBigBox1Img16 = document.querySelector("#centerClothesBigBox1Img16");
var oCenterClothesBigBox1Img17 = document.querySelector("#centerClothesBigBox1Img17");
var oCenterClothesBigBox1Img18 = document.querySelector("#centerClothesBigBox1Img18");
var oCenterClothesBigBox1Img19 = document.querySelector("#centerClothesBigBox1Img19");
var oCenterClothesBigBox1Img20 = document.querySelector("#centerClothesBigBox1Img20");
var oCenterClothesBigBox1Img21 = document.querySelector("#centerClothesBigBox1Img21");
var oCenterClothesBigBox1Img22 = document.querySelector("#centerClothesBigBox1Img22");
var oCenterClothesBigBox1Img23 = document.querySelector("#centerClothesBigBox1Img23");
var oCenterClothesBigBox1Img24 = document.querySelector("#centerClothesBigBox1Img24");
var oCenterClothesBigBox1Img25 = document.querySelector("#centerClothesBigBox1Img25");
var oCenterClothesBigBox1Img26 = document.querySelector("#centerClothesBigBox1Img26");
var oCenterClothesBigBox1Img27 = document.querySelector("#centerClothesBigBox1Img27");

// 获取大盒子小图片的id
var oCenterClothesBigBox2Img1 = document.querySelector("#centerClothesBigBox2Img1");
var oCenterClothesBigBox2Img2 = document.querySelector("#centerClothesBigBox2Img2");
var oCenterClothesBigBox2Img3 = document.querySelector("#centerClothesBigBox2Img3");
var oCenterClothesBigBox2Img4 = document.querySelector("#centerClothesBigBox2Img4");
var oCenterClothesBigBox2Img5 = document.querySelector("#centerClothesBigBox2Img5");
var oCenterClothesBigBox2Img6 = document.querySelector("#centerClothesBigBox2Img6");
var oCenterClothesBigBox2Img7 = document.querySelector("#centerClothesBigBox2Img7");
var oCenterClothesBigBox2Img8 = document.querySelector("#centerClothesBigBox2Img8");
var oCenterClothesBigBox2Img9 = document.querySelector("#centerClothesBigBox2Img9");
var oCenterClothesBigBox2Img10 = document.querySelector("#centerClothesBigBox2Img10");
var oCenterClothesBigBox2Img11 = document.querySelector("#centerClothesBigBox2Img11");
var oCenterClothesBigBox2Img12 = document.querySelector("#centerClothesBigBox2Img12");
var oCenterClothesBigBox2Img13 = document.querySelector("#centerClothesBigBox2Img13");
var oCenterClothesBigBox2Img14 = document.querySelector("#centerClothesBigBox2Img14");
var oCenterClothesBigBox2Img15 = document.querySelector("#centerClothesBigBox2Img15");
var oCenterClothesBigBox2Img16 = document.querySelector("#centerClothesBigBox2Img16");
var oCenterClothesBigBox2Img17 = document.querySelector("#centerClothesBigBox2Img17");
var oCenterClothesBigBox2Img18 = document.querySelector("#centerClothesBigBox2Img18");
var oCenterClothesBigBox2Img19 = document.querySelector("#centerClothesBigBox2Img19");
var oCenterClothesBigBox2Img20 = document.querySelector("#centerClothesBigBox2Img20");
var oCenterClothesBigBox2Img21 = document.querySelector("#centerClothesBigBox2Img21");
var oCenterClothesBigBox2Img22 = document.querySelector("#centerClothesBigBox2Img22");

// 1
oCenterClothesBigBox2Img1.onmouseover = function(){
	oCenterClothesBigBox2Img1.style.borderBottom = "2px solid gray";	
}
oCenterClothesBigBox2Img1.onmouseout = function(){
	oCenterClothesBigBox2Img1.style.borderBottom = "none";	
}
oCenterClothesBigBox2Img2.onmouseover = function(){
	oCenterClothesBigBox2Img2.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img1.style.display = "none";
	oCenterClothesBigBox1Img3.style.display = "block";
}
oCenterClothesBigBox2Img2.onmouseout = function(){
	oCenterClothesBigBox2Img2.style.borderBottom = "none";
	oCenterClothesBigBox1Img1.style.display = "block";
	oCenterClothesBigBox1Img3.style.display = "none";	
}
oCenterClothesBigBox1Img1.onmouseover = function(){
	oCenterClothesBigBox1Img1.style.display = "none";
	oCenterClothesBigBox1Img2.style.display = "block";
}
oCenterClothesBigBox1Img1.onmouseout = function(){
	oCenterClothesBigBox1Img1.style.display = "block";
	oCenterClothesBigBox1Img2.style.display = "none";
}

// 2
oCenterClothesBigBox2Img3.onmouseover = function(){
	oCenterClothesBigBox2Img3.style.borderBottom = "2px solid gray";
}
oCenterClothesBigBox2Img3.onmouseout = function(){
	oCenterClothesBigBox2Img3.style.borderBottom = "none";
}
oCenterClothesBigBox2Img4.onmouseover = function(){
	oCenterClothesBigBox2Img4.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img4.style.display = "none";
	oCenterClothesBigBox1Img5.style.display = "block";
}
oCenterClothesBigBox2Img4.onmouseout = function(){
	oCenterClothesBigBox2Img4.style.borderBottom = "none";
	oCenterClothesBigBox1Img4.style.display = "block";
	oCenterClothesBigBox1Img5.style.display = "none";
}

oCenterClothesBigBox2Img5.onmouseover = function(){
	oCenterClothesBigBox2Img5.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img4.style.display = "none";
	oCenterClothesBigBox1Img5.style.display = "none";
	oCenterClothesBigBox1Img6.style.display = "block";
}
oCenterClothesBigBox2Img5.onmouseout = function(){
	oCenterClothesBigBox2Img5.style.borderBottom = "none";
	oCenterClothesBigBox1Img4.style.display = "block";
	oCenterClothesBigBox1Img5.style.display = "none";
	oCenterClothesBigBox1Img6.style.display = "none";
}

// 3
oCenterClothesBigBox2Img6.onmouseover = function(){
	oCenterClothesBigBox2Img6.style.borderBottom = "2px solid gray";	
}
oCenterClothesBigBox2Img6.onmouseout = function(){
	oCenterClothesBigBox2Img6.style.borderBottom = "none";	
}
oCenterClothesBigBox2Img7.onmouseover = function(){
	oCenterClothesBigBox2Img7.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img7.style.display = "none";
	oCenterClothesBigBox1Img9.style.display = "block";
}
oCenterClothesBigBox2Img7.onmouseout = function(){
	oCenterClothesBigBox2Img7.style.borderBottom = "none";
	oCenterClothesBigBox1Img7.style.display = "block";
	oCenterClothesBigBox1Img9.style.display = "none";	
}
oCenterClothesBigBox1Img7.onmouseover = function(){
	oCenterClothesBigBox1Img7.style.display = "none";
	oCenterClothesBigBox1Img8.style.display = "block";
}
oCenterClothesBigBox1Img7.onmouseout = function(){
	oCenterClothesBigBox1Img7.style.display = "block";
	oCenterClothesBigBox1Img8.style.display = "none";
}

// 4
oCenterClothesBigBox2Img8.onmouseover = function(){
	oCenterClothesBigBox2Img8.style.borderBottom = "2px solid gray";	
}
oCenterClothesBigBox2Img8.onmouseout = function(){
	oCenterClothesBigBox2Img8.style.borderBottom = "none";	
}
oCenterClothesBigBox2Img9.onmouseover = function(){
	oCenterClothesBigBox2Img9.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img10.style.display = "none";
	oCenterClothesBigBox1Img12.style.display = "block";
}
oCenterClothesBigBox2Img9.onmouseout = function(){
	oCenterClothesBigBox2Img9.style.borderBottom = "none";
	oCenterClothesBigBox1Img10.style.display = "block";
	oCenterClothesBigBox1Img12.style.display = "none";	
}
oCenterClothesBigBox1Img10.onmouseover = function(){
	oCenterClothesBigBox1Img10.style.display = "none";
	oCenterClothesBigBox1Img11.style.display = "block";
}
oCenterClothesBigBox1Img10.onmouseout = function(){
	oCenterClothesBigBox1Img10.style.display = "block";
	oCenterClothesBigBox1Img11.style.display = "none";
}

// 5
oCenterClothesBigBox2Img10.onmouseover = function(){
	oCenterClothesBigBox2Img10.style.borderBottom = "2px solid gray";	
}
oCenterClothesBigBox2Img10.onmouseout = function(){
	oCenterClothesBigBox2Img10.style.borderBottom = "none";	
}
oCenterClothesBigBox2Img11.onmouseover = function(){
	oCenterClothesBigBox2Img11.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img14.style.display = "none";
	oCenterClothesBigBox1Img15.style.display = "block";
}
oCenterClothesBigBox2Img11.onmouseout = function(){
	oCenterClothesBigBox2Img11.style.borderBottom = "none";
	oCenterClothesBigBox1Img14.style.display = "block";
	oCenterClothesBigBox1Img15.style.display = "none";	
}
oCenterClothesBigBox1Img14.onmouseover = function(){
	oCenterClothesBigBox1Img14.style.display = "none";
	oCenterClothesBigBox1Img13.style.display = "block";
}
oCenterClothesBigBox1Img14.onmouseout = function(){
	oCenterClothesBigBox1Img14.style.display = "block";
	oCenterClothesBigBox1Img13.style.display = "none";
}

// 6
oCenterClothesBigBox2Img12.onmouseover = function(){
	oCenterClothesBigBox2Img12.style.borderBottom = "2px solid gray";
}
oCenterClothesBigBox2Img12.onmouseout = function(){
	oCenterClothesBigBox2Img12.style.borderBottom = "none";
}
oCenterClothesBigBox2Img13.onmouseover = function(){
	oCenterClothesBigBox2Img13.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img16.style.display = "none";
	oCenterClothesBigBox1Img17.style.display = "block";
}
oCenterClothesBigBox2Img13.onmouseout = function(){
	oCenterClothesBigBox2Img13.style.borderBottom = "none";
	oCenterClothesBigBox1Img16.style.display = "block";
	oCenterClothesBigBox1Img17.style.display = "none";
}

oCenterClothesBigBox2Img14.onmouseover = function(){
	oCenterClothesBigBox2Img14.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img16.style.display = "none";
	oCenterClothesBigBox1Img17.style.display = "none";
	oCenterClothesBigBox1Img18.style.display = "block";
}
oCenterClothesBigBox2Img14.onmouseout = function(){
	oCenterClothesBigBox2Img14.style.borderBottom = "none";
	oCenterClothesBigBox1Img16.style.display = "block";
	oCenterClothesBigBox1Img17.style.display = "none";
	oCenterClothesBigBox1Img18.style.display = "none";
}

// 7
oCenterClothesBigBox2Img15.onmouseover = function(){
	oCenterClothesBigBox2Img15.style.borderBottom = "2px solid gray";
}
oCenterClothesBigBox2Img15.onmouseout = function(){
	oCenterClothesBigBox2Img15.style.borderBottom = "none";
}
oCenterClothesBigBox2Img16.onmouseover = function(){
	oCenterClothesBigBox2Img16.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img19.style.display = "none";
	oCenterClothesBigBox1Img20.style.display = "block";
}
oCenterClothesBigBox2Img16.onmouseout = function(){
	oCenterClothesBigBox2Img16.style.borderBottom = "none";
	oCenterClothesBigBox1Img19.style.display = "block";
	oCenterClothesBigBox1Img20.style.display = "none";
}

oCenterClothesBigBox2Img17.onmouseover = function(){
	oCenterClothesBigBox2Img17.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img19.style.display = "none";
	oCenterClothesBigBox1Img20.style.display = "none";
	oCenterClothesBigBox1Img21.style.display = "block";
}
oCenterClothesBigBox2Img17.onmouseout = function(){
	oCenterClothesBigBox2Img17.style.borderBottom = "none";
	oCenterClothesBigBox1Img19.style.display = "block";
	oCenterClothesBigBox1Img20.style.display = "none";
	oCenterClothesBigBox1Img21.style.display = "none";
}

// 8
oCenterClothesBigBox2Img18.onmouseover = function(){
	oCenterClothesBigBox2Img18.style.borderBottom = "2px solid gray";
}
oCenterClothesBigBox2Img18.onmouseout = function(){
	oCenterClothesBigBox2Img18.style.borderBottom = "none";
}
oCenterClothesBigBox2Img19.onmouseover = function(){
	oCenterClothesBigBox2Img19.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img22.style.display = "none";
	oCenterClothesBigBox1Img23.style.display = "block";
}
oCenterClothesBigBox2Img19.onmouseout = function(){
	oCenterClothesBigBox2Img19.style.borderBottom = "none";
	oCenterClothesBigBox1Img22.style.display = "block";
	oCenterClothesBigBox1Img23.style.display = "none";
}

oCenterClothesBigBox2Img20.onmouseover = function(){
	oCenterClothesBigBox2Img20.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img22.style.display = "none";
	oCenterClothesBigBox1Img23.style.display = "none";
	oCenterClothesBigBox1Img24.style.display = "block";
}
oCenterClothesBigBox2Img20.onmouseout = function(){
	oCenterClothesBigBox2Img20.style.borderBottom = "none";
	oCenterClothesBigBox1Img22.style.display = "block";
	oCenterClothesBigBox1Img23.style.display = "none";
	oCenterClothesBigBox1Img24.style.display = "none";
}

// 9
oCenterClothesBigBox2Img21.onmouseover = function(){
	oCenterClothesBigBox2Img21.style.borderBottom = "2px solid gray";	
}
oCenterClothesBigBox2Img21.onmouseout = function(){
	oCenterClothesBigBox2Img21.style.borderBottom = "none";	
}
oCenterClothesBigBox2Img22.onmouseover = function(){
	oCenterClothesBigBox2Img22.style.borderBottom = "2px solid gray";
	oCenterClothesBigBox1Img25.style.display = "none";
	oCenterClothesBigBox1Img27.style.display = "block";
}
oCenterClothesBigBox2Img22.onmouseout = function(){
	oCenterClothesBigBox2Img22.style.borderBottom = "none";
	oCenterClothesBigBox1Img25.style.display = "block";
	oCenterClothesBigBox1Img27.style.display = "none";	
}
oCenterClothesBigBox1Img25.onmouseover = function(){
	oCenterClothesBigBox1Img25.style.display = "none";
	oCenterClothesBigBox1Img26.style.display = "block";
}
oCenterClothesBigBox1Img25.onmouseout = function(){
	oCenterClothesBigBox1Img25.style.display = "block";
	oCenterClothesBigBox1Img26.style.display = "none";
}